<template>
     <div class="box">
      <header class="header">
        <!--搜索组件--> <!--点击搜索框聚焦跳转到搜索页面-->
        <van-search v-model="value" show-action placeholder="iphone16" @search="onSearch"  @click-input="$router.push('/search')">
          <template #action>
            <div @click="onClickButton">搜索</div>
          </template>
        </van-search>
      </header>
      <main class="main">
      
        <!--tab页-->
        <van-tabs v-model:active="active">
          <van-tab v-for="index in 8" :title="'推荐 ' + index"> </van-tab>
        </van-tabs>
         <pro-list/>
      </main>
     
    </div>
</template>

<script setup>
 //引入ProList
 import ProList from './components/ProList.vue'
</script>